<%@ include file="/WEB-INF/views/includes.jsp"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>

<h1>Effectuer un nouveau virement</h1>


<script src="<c:url value="/resources/jquery.js"/>"></script>
<script>
	window.onload = function() {

		var tempNum = $('#emetteur').val();
		$("#recepteur option[value=" + tempNum + "]").remove();
		var tempText = $('option[value="' + tempNum + '"]').text();

		$('#emetteur').change(
				function() {
					var compteEmetteur = $('#emetteur').val();

					$('#recepteur').append(
							'<option value="'+tempNum+'">' + tempText
									+ '</option>').val('whatever');

					tempNum = $('#emetteur').val();
					$("#recepteur option[value=" + compteEmetteur + "]")
							.remove();
					tempText = $('option[value="' + tempNum + '"]').text();
				});
	};
</script>

<fieldset>
	<legend>Information Virement</legend>
	<form:form modelAttribute="virement" action="" method="post">
		<br />
		<table>
			<tr>
				<td><form:label path="emetteur">Compte émetteur</form:label></td>
				<td><form:select path="emetteur" id="emetteur">
						<c:forEach items="${comptes}" var="compte">
							<form:option value="${compte.numero}"
								label="${compte.numero} : ${compte.solde}€" />
						</c:forEach>
					</form:select></td>
				<td class="error"><c:if test="${not empty emetteurError}">
					${emetteurError}
				</c:if></td>
			</tr>
			<tr>
				<td><form:label path="recepteur">Compte récepteur</form:label></td>
				<td><form:select path="recepteur" id="recepteur">
						<c:forEach items="${comptes}" var="compte">
							<form:option value="${compte.numero}"
								label="${compte.numero} : ${compte.solde}€" />
						</c:forEach>
					</form:select></td>
				<td class="error"><form:errors path="recepteur" /> <c:if
						test="${not empty recepteurError}">
					${recepteurError}
				</c:if></td>
			</tr>
			<tr>
				<td><form:label path="montant">Montant du virement</form:label></td>
				<td><form:input path="montant" /></td>
				<td class="error"><form:errors path="montant" /></td>

			</tr>
			<tr>
				<td colspan="3" class="submit"><form:button id="bob">Valider</form:button></td>
			</tr>
		</table>
	</form:form>
</fieldset>
